/**
 * Vant Weapp 自定义主题样式
 * 覆盖默认样式，适配健身应用主题
 */

// 主题色定义
$primary-color: #4B0082; // 紫色主题
$success-color: #07c160;
$danger-color: #ee0a24;
$warning-color: #ff976a;
$info-color: #1989fa;

// 文字颜色
$text-color: #323233;
$text-color-secondary: #969799;
$text-color-disabled: #c8c9cc;

// 背景色
$background-color: #f7f8fa;
$background-color-light: #fafafa;
$background-color-white: #ffffff;

// 边框
$border-color: #ebedf0;
$border-radius: 8rpx;
$border-radius-large: 16rpx;

// 按钮样式覆盖
.van-button {
  &--primary {
    background-color: $primary-color !important;
    border-color: $primary-color !important;
  }

  &--round {
    border-radius: 999px !important;
  }

  &--large {
    height: 100rpx !important;
    line-height: 100rpx !important;
    font-size: 32rpx !important;
  }
}

// 输入框样式
.van-field {
  &__input {
    font-size: 30rpx !important;
  }

  &__label {
    color: $text-color !important;
    font-size: 30rpx !important;
  }
}

// 单元格样式
.van-cell {
  font-size: 30rpx !important;
  line-height: 48rpx !important;
  padding: 24rpx 32rpx !important;

  &__title {
    font-size: 30rpx !important;
  }

  &__value {
    font-size: 28rpx !important;
    color: $text-color-secondary !important;
  }
}

// 标签页样式
.van-tabs {
  &__nav {
    background-color: $background-color-white !important;
  }

  &__line {
    background-color: $primary-color !important;
    border-radius: 6rpx !important;
  }

  &--line .van-tab--active {
    color: $primary-color !important;
  }
}

// 卡片样式
.van-card {
  background-color: $background-color-white !important;
  border-radius: $border-radius-large !important;
  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.05) !important;
  margin-bottom: 20rpx !important;

  &__title {
    font-size: 30rpx !important;
    font-weight: 500 !important;
  }

  &__desc {
    font-size: 26rpx !important;
    margin-top: 8rpx !important;
  }

  &__price {
    font-size: 36rpx !important;
    color: $danger-color !important;
    font-weight: bold !important;
  }
}

// 搜索框样式
.van-search {
  &__content {
    background-color: $background-color !important;
    border-radius: 999px !important;
  }

  &__input {
    font-size: 28rpx !important;
  }
}

// 空状态样式
.van-empty {
  &__description {
    font-size: 28rpx !important;
    color: $text-color-secondary !important;
  }
}

// 加载样式
.van-loading {
  &__text {
    font-size: 28rpx !important;
    color: $text-color-secondary !important;
  }
}

// 弹出层样式
.van-popup {
  &--round {
    border-radius: $border-radius-large !important;
  }
}

// 导航栏样式
.van-nav-bar {
  &__title {
    font-size: 34rpx !important;
    font-weight: 500 !important;
  }
}

// 标签样式
.van-tag {
  font-size: 24rpx !important;
  padding: 4rpx 12rpx !important;

  &--primary {
    background-color: $primary-color !important;
  }
}

// 进度条样式
.van-progress {
  &__pivot {
    background-color: $primary-color !important;
    font-size: 24rpx !important;
  }
}

// 评分样式
.van-rate {
  &__icon {
    color: $warning-color !important;
  }
}

// 上传样式
.van-uploader {
  &__preview-image {
    border-radius: $border-radius !important;
  }

  &__upload {
    background-color: $background-color !important;
    border-radius: $border-radius !important;
  }
}

// 日历样式
.van-calendar {
  &__selected-day {
    background-color: $primary-color !important;
  }
}

// 动作面板样式
.van-action-sheet {
  &__item {
    font-size: 32rpx !important;
    line-height: 100rpx !important;
  }
}

// 下拉菜单样式
.van-dropdown-menu {
  &__title {
    font-size: 30rpx !important;
  }

  &__title--active {
    color: $primary-color !important;
  }
}

// 通知栏样式
.van-notice-bar {
  background-color: lighten($warning-color, 35%) !important;
  color: $warning-color !important;
  font-size: 28rpx !important;
}